.metricDialog_metric-cont__A019Y {
	display: flex;
	flex-direction: column;
	row-gap: 32px
}

.metricDialog_metric-cont__A019Y .metricDialog_category-cont__GUKE1 {
	display: flex;
	flex-direction: column;
	row-gap: 16px
}

.metricDialog_metric-cont__A019Y .metricDialog_category-cont__GUKE1 .metricDialog_category-title__74t5q {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px
}

.metricDialog_metric-cont__A019Y .metricDialog_category-cont__GUKE1 .metricDialog_item-cont__FdmTC {
	padding-left: 12px
}

.metricDialog_metric-cont__A019Y .metricDialog_category-cont__GUKE1 .metricDialog_metric-item__s0AD4 {
	color: var(--okd-color-text-secondary);
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	list-style: disc
}

.metricDialog_metric-cont__A019Y .metricDialog_category-cont__GUKE1 .metricDialog_type-cont__iRD-v {
	display: flex;
	flex-direction: column;
	row-gap: 4px
}

.metricDialog_metric-cont__A019Y .metricDialog_category-cont__GUKE1 .metricDialog_type-cont__iRD-v .metricDialog_type-title__Gexx9 {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px
}

.errorLoad_error-cont__EAt\+h {
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 64px 0 24px;
	row-gap: 20px
}

.errorLoad_error-cont__EAt\+h error-desc {
	color: var(--okd-color-gray-500);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px
}

.scoreAnimation_animation__E5rjU .scoreAnimation_svg-cont__JnBoc {
	margin: 0 -16px;
	transform: rotateY(0deg)
}

@media (min-width:768px) {
	.scoreAnimation_animation__E5rjU .scoreAnimation_svg-cont__JnBoc {
		margin: 0 -24px
	}
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln {
	display: flex;
	flex-direction: column;
	position: absolute;
	row-gap: 6px;
	top: 40px
}

@media (min-width:768px) {
	.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln {
		left: 32px;
		top: 48px
	}
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_score-contianer__DK5\+s {
	align-items: baseline;
	display: flex
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_score-contianer__DK5\+s .scoreAnimation_score-number__mElqC {
	font-size: 48px;
	font-weight: 700;
	margin-right: 8px;
	position: relative;
	z-index: 100
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_score-contianer__DK5\+s .scoreAnimation_score-number__mElqC .scoreAnimation_score-decoration__FsvUp {
	background-color: #bcff2f;
	bottom: 5px;
	height: 6px;
	position: absolute;
	width: 100%;
	z-index: -1
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_score-contianer__DK5\+s .scoreAnimation_score-points__5d1Lc {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_ranking-cont__9FVkU {
	display: flex;
	flex-direction: column;
	max-width: 210px;
	row-gap: 12px
}

@media (min-width:768px) {
	.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_ranking-cont__9FVkU {
		max-width: 260px
	}
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_ranking-cont__9FVkU .scoreAnimation_ranking__ssLIt {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px
}

.scoreAnimation_animation__E5rjU .scoreAnimation_score-details__npUln .scoreAnimation_ranking-cont__9FVkU .scoreAnimation_score-desc__bV6mP {
	color: var(--okd-color-text-light);
	font-size: 12px;
	line-height: 16px
}

:root {
	--okd-pagination-normal-background: transparent;
	--okd-pagination-hover-background: transparent;
	--okd-pagination-active-background: transparent;
	--okd-pagination-disabled-background: transparent;
	--okd-pagination-normal-text-color: #929292;
	--okd-pagination-hover-text-color: #3d3d3d;
	--okd-pagination-active-text-color: #0569ff;
	--okd-pagination-disabled-text-color: #dbdbdb;
	--okd-pagination-normal-border-color: #929292;
	--okd-pagination-hover-border-color: #3d3d3d;
	--okd-pagination-active-border-color: #0569ff;
	--okd-pagination-disabled-border-color: #dbdbdb;
	--okd-pagination-load-background: #ebebeb;
	--okd-pagination-load-text-color: #3d3d3d;
	--okd-pagination-normal-min-width: 24px;
	--okd-pagination-normal-margin-horizontal: 6px;
	--okd-pagination-normal-margin-vertical: 0;
	--okd-pagination-simple-slash-margin-horizontal: 10px;
	--okd-pagination-simple-slash-margin-vertical: 0;
	--okd-pagination-normal-line-height: var(--okd-line-height-base);
	--okd-pagination-icon-font-size: 16px;
	--okd-pagination-icon-jump-font-size: var(--okd-font-size-md);
	--okd-pagination-border-bottom-height: 2px;
	--okd-pagination-normal-text-new-color: var(--okd-color-content-primary);
	--okd-pagination-hover-text-new-color: var(--okd-color-content-primary);
	--okd-pagination-active-text-new-color: var(--okd-color-content-inverse);
	--okd-pagination-normal-background-color: var(--okd-color-transparent-white);
	--okd-pagination-active-background-color: var(--okd-color-content-primary);
	--okd-pagination-hover-background-color: #f3f3f3;
	--okd-pagination-icon-jump-text-color: var(--okd-color-content-primary);
	--okd-pagination-icon-jump-hover-text-color: var(--okd-color-content-primary);
	--okd-pagination-disabled-text-new-color: var(--okd-color-content-disabled);
	--okd-pagination-simple-default-text-color: var(--okd-color-content-primary);
	--okd-pagination-simple-default-line-height: var(--okd-line-height-base);
	--okd-pagination-default-padding-vertical-size: 8px;
	--okd-pagination-default-padding-horizontal-size: 8px;
	--okd-pagination-default-min-width-size: 32px;
	--okd-pagination-default-height-size: 32px;
	--okd-pagination-default-border-radius: 16px;
	--okd-pagination-default-font-size: 14px;
	--okd-pagination-default-margin-horizontal-size: 16px;
	--okd-pagination-simple-slash-margin-horizontal-size: 16px;
	--okd-table-pagination-margin-top: 10px;
	--okd-table-thead-cell-padding-horizontal: 12px;
	--okd-table-thead-cell-padding-vertical: 12px;
	--okd-table-tbody-cell-font-color: #000;
	--okd-table-tbody-cell-bg-color: #fff;
	--okd-table-tbody-cell-font-size: 12px;
	--okd-table-tbody-cell-padding-horizontal: 12px;
	--okd-table-tbody-cell-padding-vertical: 12px;
	--okd-table-cell-bordered-color: #f0f0f0;
	--okd-table-placeholder-padding-vertical: 100px;
	--okd-table-fix-left-box-shadow: 10px 0px 8px -8px #0000001a;
	--okd-table-fix-left-box-inner-width: 30px;
	--okd-table-thead-cell-font-color: #929292;
	--okd-table-thead-cell-bg-color: #fff;
	--okd-table-thead-cell-font-size: 12px;
	--okd-table-thead-bg-color: transparent;
	--okd-table-fix-right-box-shadow: -10px 0px 8px -8px #0000001a;
	--okd-table-fix-right-box-inner-width: 30px;
	--okd-table-cell-sorter-icon-color: #ced3de;
	--okd-table-cell-sorter-icon-font-size: 12px;
	--okd-table-cell-sorter-icon-active-color: #000;
	--okd-table-tbody-row-bg-color: rgba(0, 0, 0, .04);
	--okd-table-tbody-row-bg-hover-color: #fafafa
}

.scoreMetric_metric-tabs__Is6ul .scoreMetric_metric-tabPane__Gj7F- {
	border-radius: 6px;
	color: var(--okd-color-text-light);
	font-weight: 400;
	line-height: 16px;
	padding: 4px 12px
}

.scoreMetric_metric-tabs__Is6ul .scoreMetric_active-tab__HXPC7 {
	color: var(--okd-color-text-amplifed);
	font-weight: 500
}

.scoreMetric_metric-tabs__Is6ul .scoreMetric_metric-title__1kphi {
	color: var(--okd-color-text-light);
	font-size: 12px;
	font-weight: 500;
	line-height: 16px
}

.scoreMetric_metric-tabs__Is6ul .scoreMetric_metric-title__1kphi.scoreMetric_title-tips__hq\+2\+ {
	border-bottom: 1px dashed var(--okd-color-text-light);
	cursor: pointer
}

.scoreMetric_table__\+S3ec {
	line-height: 20px
}

.scoreMetric_table__\+S3ec th {
	padding-left: 0 !important
}

.scoreMetric_table__\+S3ec td {
	color: var(--okd-color-text-secondary) !important;
	font-size: 12px !important;
	padding-bottom: 16px !important;
	padding-left: 0 !important;
	padding-top: 16px !important
}

.scoreDialog_score-dialog__Vz1qw {
	display: flex;
	flex-direction: column;
	height: 900px;
	margin-top: -16px;
	position: relative;
	row-gap: 32px
}

@media (min-width:768px) {
	.scoreDialog_score-dialog__Vz1qw {
		margin-top: -24px
	}
}

.scoreDialog_score-dialog__Vz1qw .scoreDialog_section__Q30bJ {
	display: flex;
	flex-direction: column;
	line-height: 20px;
	row-gap: 10px
}

.scoreDialog_score-dialog__Vz1qw .scoreDialog_section__Q30bJ .scoreDialog_section-title__V03hf {
	font-size: 16px;
	font-weight: 700
}

.scoreDialog_score-dialog__Vz1qw .scoreDialog_section__Q30bJ .scoreDialog_section-desc__uqnTt {
	color: var(--okd-color-text-secondary);
	font-size: 12px;
	font-weight: 400
}

.scoreDialog_score-dialog__Vz1qw .scoreDialog_loading__CEfL5 {
	align-items: center;
	display: flex;
	height: 300px;
	justify-content: center
}

.index_score-section__CQTlP {
	background-color: #f7f7f7;
	border-radius: 6px;
	cursor: pointer;
	padding: 16px
}

.index_score-section__CQTlP .index_score-title__t2jsg {
	color: var(--okd-color-text-light);
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 8px
}

@media (min-width:768px) {
	.index_score-section__CQTlP .index_score-title__t2jsg {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 4px
	}
}

.index_score-section__CQTlP .index_score-details__wC6OR {
	display: flex;
	flex-direction: column;
	row-gap: 8px
}

@media (min-width:768px) {
	.index_score-section__CQTlP .index_score-details__wC6OR {
		flex-direction: row
	}
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_score-cont__\+ghIt {
	align-items: baseline;
	display: flex
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_score-cont__\+ghIt .index_score-number__JT8ob {
	font-size: 24px;
	font-weight: 700;
	margin-right: 6px;
	position: relative;
	z-index: 100
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_score-cont__\+ghIt .index_score-number__JT8ob .index_score-decoration__rJE3t {
	background-color: #bcff2f;
	bottom: 2px;
	height: 4px;
	position: absolute;
	width: 100%;
	z-index: -1
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_score-cont__\+ghIt .index_score-points__lFjpe {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_score-cont__\+ghIt .index_score-delimiter__o-wNJ {
	color: #dbdbdb;
	margin: 0 10px
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_ranking-cont__qERC8 {
	align-items: center;
	display: flex;
	flex-direction: row
}

@media (min-width:768px) {
	.index_score-section__CQTlP .index_score-details__wC6OR .index_ranking-cont__qERC8 {
		align-items: flex-end
	}
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_ranking-cont__qERC8 .index_ranking__q4Rdr {
	font-size: 12px;
	line-height: 16px
}

@media (min-width:768px) {
	.index_score-section__CQTlP .index_score-details__wC6OR .index_ranking-cont__qERC8 .index_ranking__q4Rdr {
		font-size: 14px;
		line-height: 16px;
		margin-right: 6px
	}
}

.index_score-section__CQTlP .index_score-details__wC6OR .index_ranking-cont__qERC8 .index_chevron-icon__cv1MC {
	zoom: 1.2
}

.dialogs_associatedAccount__J8IFy {
	display: flex;
	flex-direction: column;
	row-gap: 16px
}

.dialogs_associatedAccount__J8IFy .dialogs_itemCont__vIdpU {
	-moz-column-gap: 16px;
	column-gap: 16px;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	justify-content: space-between;
	line-height: 16px
}

.dialogs_associatedAccount__J8IFy .dialogs_itemCont__vIdpU .dialogs_title__cWSIO {
	color: var(--okd-color-text-light);
	width: 70%
}

.dialogs_associatedAccount__J8IFy .dialogs_itemCont__vIdpU .dialogs_value__T1iwf {
	color: var(--okd-color-text-amplifed);
	font-weight: 400;
	text-align: end;
	width: 30%
}

.person-detail {
	position: relative
}

.person-detail .user-active-status {
	margin-top: 10px
}

.person-detail>:not(:last-child) {
	margin-bottom: 20px
}

.person-detail-content {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap
}

@media (min-width:1024px) {
	.person-detail-content {
		flex-direction: row
	}
}

.person-detail-content .prefix-icon {
	border-radius: 6px;
	display: inline-block;
	height: 10px;
	margin-right: 8px;
	width: 2px
}

.person-detail-content .prefix-icon.buy-icon {
	background: var(--color-buy)
}

.person-detail-content .prefix-icon.sell-icon {
	background: var(--color-sell)
}

.person-detail-col+.person-detail-col {
	border-top: thin solid #f5f6fa;
	margin-top: 20px;
	padding-top: 20px
}

@media (min-width:1024px) {
	.person-detail-col+.person-detail-col {
		border-left: thin solid #f5f6fa;
		border-top: initial;
		margin-left: 32px;
		margin-top: 0;
		padding-left: 32px;
		padding-top: 0
	}
}

.person-detail-col {
	color: var(--okd-color-gray-900);
	flex: 1 1
}

.person-detail-col-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px
}

.person-detail-col-content {
	display: flex;
	font-size: 14px;
	font-weight: 400;
	justify-content: space-between;
	line-height: 16px;
	margin-top: 20px
}

.person-detail-col-content.bold {
	font-weight: 700
}

.person-detail-col-content .person-detail-col-key-text {
	margin-right: 4px
}

.person-detail-col-content .tooltip-icon {
	width: 16px
}

.person-detail-col-key {
	margin-right: 16px
}

.person-detail-col-value {
	color: var(--okd-color-gray-900);
	font-size: 14px;
	font-weight: 400;
	line-height: 16px
}

.person-detail-col-value .icon.iconfont {
	color: inherit
}

.person-detail-col-red-dot {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.person-detail-col-red-dot:before {
	background-color: #eb4b6d;
	border-radius: 100%;
	content: " ";
	display: inline-block;
	height: 6px;
	margin-right: 4px;
	width: 6px
}

.person-detail .associatedView {
	padding: 12px 16px
}

.person-detail .associatedView .accountTitle {
	color: #000;
	font-size: 12px;
	font-weight: 400
}

.person-detail .associatedView .accountTitle .accountLink {
	cursor: pointer;
	font-weight: 700;
	text-decoration: underline
}

.person-detail .selfAssociatedView {
	display: flex;
	font-size: 16px;
	justify-content: space-between;
	line-height: 24px
}

.person-detail .selfAssociatedView .moreLink {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	line-height: 16px
}

.person-detail .selfAssociatedView .moreLink .seeMore {
	text-align: right
}

.person-detail .lineBreak {
	border-top: 1px solid #ebebeb
}

.status-box {
	color: #929292;
	font-size: 14px
}

.status-box .status-color {
	border-radius: 50%;
	display: inline-block;
	height: 7px;
	margin-right: 4px;
	vertical-align: middle;
	width: 7px
}

.follow-and-black {
	align-items: center;
	display: flex
}

.follow-and-black .follow-box,
.follow-and-black .pull-black-box {
	align-items: center;
	box-sizing: border-box;
	color: #000;
	cursor: pointer;
	display: flex;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	min-height: 28px
}

.follow-and-black .follow-box .follow-icon,
.follow-and-black .pull-black-box .follow-icon {
	margin-right: 4px
}

.follow-and-black .follow-box.has-border,
.follow-and-black .pull-black-box.has-border {
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	margin-right: 8px;
	padding: 1px 8px
}

.follow-and-black .follow-box.has-border:last-child,
.follow-and-black .pull-black-box.has-border:last-child {
	margin-right: 0
}

.follow-and-black .pull-black-box {
	margin-right: 30px
}

.follow-and-black .icon-font-24 {
	font-size: 24px
}

.follow-and-black .icon-font-20 {
	font-size: 20px
}

.follow-and-black .icon-font-14 {
	font-size: 14px
}

.follow-and-black .icon-yellow {
	color: #f6cd43
}

.follow-and-black .disabled {
	cursor: not-allowed;
	opacity: .3;
	pointer-events: none
}

.person-info .share-merchant {
	align-items: center;
	color: #000;
	cursor: pointer;
	display: inline-flex;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

@media (min-width:768px) {
	.person-info .share-merchant {
		border: 1px solid #dbdbdb;
		border-radius: 4px;
		bottom: 32px;
		height: auto;
		padding: 6px 8px;
		right: 0;
		top: auto;
		width: auto
	}

	.person-info .share-merchant:hover {
		background: #f7f9fc
	}

	.person-info .share-merchant:hover .share-merchant-cont {
		display: block
	}
}

.person-info .share-merchant-icon {
	font-size: 18px
}

@media (min-width:768px) {
	.person-info .share-merchant-icon {
		font-size: 16px
	}
}

.person-info .share-merchant-text {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-left: 2px
}

.person-info .share-merchant-cont {
	background: #fff;
	border: 1px solid #e9ebf2;
	border-radius: 4px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	cursor: auto;
	display: none;
	min-width: 220px;
	padding: 24px 24px 28px;
	position: absolute;
	right: 12px;
	top: 24px;
	z-index: 100
}

@media (min-width:768px) {
	.person-info .share-merchant-cont {
		right: -1px;
		top: 32px
	}
}

.person-info .share-merchant-cont.share-merchant-cont-zh .share-merchant-channel-item {
	margin-right: 20px
}

.person-info .share-merchant-cont.share-merchant-cont-zh .share-merchant-link-text {
	width: 180px
}

.person-info .share-merchant-cont .share-merchant-cont-title {
	color: #1f2533;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

.person-info .share-merchant-cont .share-merchant-channel {
	display: flex;
	margin: 24px 0 32px
}

.person-info .share-merchant-cont .share-merchant-channel-item {
	cursor: pointer;
	margin-right: 12px
}

.person-info .share-merchant-cont .share-merchant-channel-item:last-of-type {
	margin-right: 0
}

.person-info .share-merchant-cont .share-channel-item-icon {
	align-items: center;
	border-radius: 50%;
	box-shadow: 0 1px 6px 0 rgba(31, 37, 51, .15);
	display: flex;
	height: 40px;
	justify-content: center;
	margin: 0 auto;
	width: 40px
}

.person-info .share-merchant-cont .share-channel-item-icon .img-x {
	height: 25px;
	width: 25px
}

.person-info .share-merchant-cont .share-channel-item-name {
	color: #3f475a;
	font-size: 12px;
	line-height: 16px;
	margin-top: 4px;
	text-align: center
}

.person-info .share-merchant-cont .share-merchant-link {
	background: #f7f9fc;
	border-radius: 2px;
	box-sizing: border-box;
	color: #7b8293;
	display: flex;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 12px;
	padding: 8px 10px
}

.person-info .share-merchant-cont .share-merchant-link-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 212px
}

.person-info .share-merchant-cont .share-merchant-link-icon {
	cursor: pointer;
	font-size: 16px;
	margin-left: 12px
}

.person-info .person-info-btn-group-popup-container {
	display: flex;
	flex-direction: column;
	min-width: 84px
}

.person-info .person-info-btn-group-popup-container>a,
.person-info .person-info-btn-group-popup-container>div {
	align-items: center;
	display: inline-flex;
	margin-bottom: 22px
}

.person-info .person-info-btn-group-popup-container>a:last-child,
.person-info .person-info-btn-group-popup-container>div:last-child {
	margin-bottom: 0
}

.person-info .person-info-btn-group-popup-container>a .icon,
.person-info .person-info-btn-group-popup-container>a .report-block-icon-svg,
.person-info .person-info-btn-group-popup-container>div .icon,
.person-info .person-info-btn-group-popup-container>div .report-block-icon-svg {
	align-self: center;
	font-size: 18px;
	height: 20px;
	margin-right: 12px;
	width: 20px
}

.person-info .person-info-btn-group-popup-container>a .entry-text,
.person-info .person-info-btn-group-popup-container>a .follow-text,
.person-info .person-info-btn-group-popup-container>a .share-merchant-text,
.person-info .person-info-btn-group-popup-container>div .entry-text,
.person-info .person-info-btn-group-popup-container>div .follow-text,
.person-info .person-info-btn-group-popup-container>div .share-merchant-text {
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	margin: initial
}

.person-info {
	position: relative
}

.person-info .p-header {
	display: flex
}

.person-info .p-header .person-info-btn-group {
	display: inline-flex;
	flex-direction: row;
	position: absolute;
	right: 0;
	top: 35px
}

@media (min-width:768px) {
	.person-info .p-header .person-info-btn-group {
		bottom: 32px;
		top: auto
	}

	.person-info .p-header .person-info-btn-group .share-merchant {
		margin-left: 8px
	}
}

.person-info .p-header .avatar {
	background: #f5f7ff;
	border-radius: 50%;
	color: #0569ff;
	display: block;
	flex-shrink: 0;
	font-size: 24px;
	font-weight: 500;
	height: 48px;
	line-height: 48px;
	margin-right: 16px;
	text-align: center;
	width: 48px
}

.person-info .p-real-name {
	margin-right: 8px
}

.person-info .merchant-icon {
	cursor: pointer
}

.person-info .p-header-cont {
	display: flex;
	flex: 1 1;
	flex-direction: column;
	overflow: hidden;
	row-gap: 4px
}

.person-info .p-header-cont .p-header-top {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.person-info .p-header-cont .p-header-top .p-header-top-left {
	align-items: center;
	display: flex
}

.person-info .p-header-cont .p-header-top .merchant-cont,
.person-info .p-header-cont .p-header-top .merchant-follow-with-black {
	font-size: 12px
}

.person-info .p-header-cont .p-header-top .merchant-cont .has-border,
.person-info .p-header-cont .p-header-top .merchant-follow-with-black .has-border {
	border: 1px solid #ced3de;
	border-radius: 2px
}

.person-info .user-active-status {
	margin-top: 7px
}

.person-info .user-active-status .status-box {
	color: var(--okd-color-text-light);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.person-info .p-header-cont .p-real-name {
	align-items: center;
	color: #1f2533;
	display: flex;
	font-size: 18px;
	font-weight: 400;
	height: 24px;
	line-height: 24px
}

.person-info .p-header-cont .p-level {
	background: #f7f9fc;
	border-radius: 2px;
	color: #7b8293;
	font-size: 12px;
	margin-left: 4px;
	padding: 3px 4px
}

@media (min-width:768px) {
	.person-info .p-header-cont .p-level {
		font-size: 12px;
		height: 14px;
		line-height: 14px;
		margin-left: 8px
	}
}

.person-info .p-header-cont .p-create-nickname {
	align-items: center;
	background: #f9f9f9;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	margin: 10px 0;
	max-width: 100%;
	padding: 8px 10px 8px 18px;
	width: -moz-fit-content;
	width: fit-content
}

.person-info .p-header-cont .p-create-nickname .infoIcon {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-right: 10px
}

.person-info .p-header-cont .p-create-nickname .p-create-nickname-tip {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	margin-right: 10px
}

.person-info .p-header-cont .p-regist-time-location {
	align-items: center;
	color: #000;
	display: flex;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px
}

.person-info .p-header-cont .p-regist-time-location .kyc-icon {
	margin-right: 2px
}

.person-info .p-header-cont .p-regist-report-follow-sm {
	font-size: 12px;
	margin-left: 10px;
	margin-top: 20px
}

.trade-side-info-box {
	padding: 0 8px
}

.trade-info-item {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 12px;
	font-weight: 400;
	height: 18px;
	line-height: 150%
}

.trade-info-item .info-side {
	width: 50px
}

.trade-info-item.bottom-item {
	margin-top: 4px
}

.trade-info-item .left-color-block {
	border-radius: 6px;
	height: 10px;
	margin-right: 6px;
	width: 2px
}

.trade-info-item .left-color-block.trade-buy-info {
	background: var(--color-buy-bg)
}

.trade-info-item .left-color-block.trade-sell-info {
	background: var(--color-sell-bg)
}

.trade-info-item .info-value {
	margin-left: 6px
}

.person-info.blacked {
	align-items: center;
	display: flex;
	flex-direction: column
}

.person-info.blacked .icon-font-50 {
	color: #9aa1b1;
	font-size: 50px
}

.person-info.blacked .icon-box {
	text-align: center
}

.person-info.blacked .blacked-tip {
	color: #1f2533;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center
}

.person-info.blacked .remove-blacked-tip {
	color: #9aa1b1;
	font-size: 12px;
	margin-bottom: 50px;
	text-align: center
}

.person-info.blacked .remove-black {
	color: #2d60e0;
	cursor: pointer
}

.split-line {
	background: #dbdbdb;
	height: 12px;
	margin: 0 8px;
	width: 1px
}